<%@page import="com.mmy.domain.ship.TShipPort"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
 <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:include page="/WEB-INF/jsp/includeb.jsp"></jsp:include>
<title>港口信息</title>
</head>
<body>
	<div id="off-canvas-container" class="off-canvas-container">
		<jsp:include page="/WEB-INF/jsp/BackHeader.jsp"></jsp:include>
			<main class="at-padding-large-bottom">
			<article>		
	<header class="bg-light at-padding-large-top at-padding-large-bottom at-margin-large-bottom">
		<div class="page-header container">
			<h2>港口信息</h2>			
		</div>
	</header>
	<section class="container">
	

			<div>
				<a href="shiporg" >船舶公司</a> | 
				<a href="shipplan" >游轮航程</a> | 
				<a href="shipbase" >游轮信息</a> | 
				<a href="shipport" >港口信息</a> 
				<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3); margin: 15px; " width=100%; color=#F9F6E5 SIZE=3></h>
				
				<form action="subcreateshipport" method="post" >
						<h4 class="info-h4">
							<i class="fa fa-caret-right" aria-hidden="true" ></i>新建国外港口信息
						</h4>
				<div >
				<table class="info-table" >
				<tr id="ship">
				
				</tr>
				
				<tr>
					<th>港口名称</th>
					<td>
						<input type="text" name="PortName" maxlength="64" required/><span class="mustWrite">*</span>
					</td>
					
				</tr>
				
				<tr>
					<th>备注</th>
					<td colspan="3">
						<textarea name="Memo" maxlength="256" ></textarea>
					</td>
				</tr>	
					
				</table>
				<center>
				<input type="submit" class="btn" value="保存" />
				<input type="button" class="btn" value="返回" onclick="rehidder()"/>
				</center> 
				
							
							
				</div>
				</form>
			</div>
			</section>
			</article>
			</main>
		<jsp:include page="/WEB-INF/jsp/Footer.jsp"></jsp:include>
		</div>
		
		<jsp:include page="/WEB-INF/jsp/include2.jsp"></jsp:include>
	
<script type="text/javascript">

//一行拼接完毕，加载一级菜单
$.ajax({
	url: 'getLevel1',
	data: {},
	dataType: 'json',
	success: function(result) {
	// console.log("result"+result);
	
	$.each(result,function(index,element){
		
		 var tr = $("#ship");
        tr.find(".Continent").append("<option value='"+element.zoneID+"'>"+element.zoneName+" </option>");
	        });
	    }
	})
	
window.onload = function(){
    /* 洲 */
    var tr = $("#ship");
    tr.append($("<th>洲</th>"));
	tr.append($("<td></td>").html(
		"<select class='input-select-vlign Continent' name='Continent' emptyOption='false'  onchange='changeSelect(this,\"getLevel2\",\"level1\",\"ZoneID\")'  >" +
		"<option>---请选择---</option>" +
		"</select>")
	);
 
	/* 国家 */
	tr.append($("<th>国家</th>"));
	tr.append($("<td></td>").html(
		"<select class='input-select-vlign ZoneID' name='ZoneID' emptyOption='false' onchange='changeSelect(this,\"\",\"level2\",\"\")' >" +
		"<option>---请选择---</option>" +
		"</select>")
	);
}	
	
</script>

</body>

</html>